﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="webui.aspx.cs" Inherits="webui" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Sango Bang</title>
    <script type="text/javascript">
        var djConfig = {
	        isDebug:false, parseOnLoad:true
        };
    </script>
    <script type="text/javascript" src="dojo/dojo.js"></script>
    <script type="text/javascript" src="jquery/dist/jquery.pack.js"></script>
    <script type="text/javascript" src="./js/message.js" ></script>
    <script type="text/javascript" src="./js/xmlhelper.js" ></script>


    <script type="text/javascript">    
      function pageLoad() {          
      }    
    </script>
    <script type="text/javascript" src="js/webui.js"></script>
    <style type="text/css">
        @import "dojo/resources/dojo.css";	
        @import "css/webui.css";
        @import "dijit/themes/tundra/tundra.css";
 
    </style>
</head>
<body >    
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager runat="server" ID="scriptManager">
            <Services>
                <asp:ServiceReference path="~/Service.asmx" />
            </Services>
        </asp:ScriptManager>
    </div>
    </form>
    
    <h1 id="testHeading">Sango Bang.</h1>		
	<div id="layoutRoot" class="tundra">
	  <div id="register">
	    <div id="registerBox" >
	    Your Display Name:
            <input id="DisplayName" dojotype="dijit.form.TextBox" type="text" />
            <button id="JoinButton" dojotype="dijit.form.Button">Join</button>
            <button id="LeaveButton" dojotype="dijit.form.Button" disabled="disabled" >Leave</button>
	    </div>
	  </div>
	  <div id="gameRoot" dojoType="dijit.layout.BorderContainer">
	    <div id="playersPanel" ></div>
	    <div id="gameTable" >
	      <div id="mainTable"></div>
	      <div id="panel" ></div>
	    </div>
	  </div>
	</div>
    
</body>
</html>
